<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		
		<title></title>
		<style type="text/css">
			
			body {
				height: 200em;
				font-size: 50px;
				
			}
			
			.sticky {
				background-color: #ccc;
				font-size: 20px;
				top: 0;
				left: 0;
				position: sticky;
			}
			
			/* 
			 fixed  显示方式
			 */
		</style>
	</head>
	<body>
		
		
		
		我是视觉参考背景
		<div class="sticky">请在浏览器中滚动试试    淘宝搜索栏 导航栏</div>
		
		<div>
			
			AAAA 
		</div> 
		<div>
			
			BBBB
		</div> 
		<div>
			
			CCCC 
		</div> 
	</body>
</html>
